<!DOCTYPE html>
<%@page import="ar.com.cema.methodology.analyzer.ui.PageDirectory"%>
<%@page import="ar.com.cema.methodology.analyzer.ui.ServiceLocator"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" href="<%=ServiceLocator.CDN%>/css/main.css">
		<script type="text/javascript" src="<%=ServiceLocator.CDN%>/js/jquery.min.js" ></script>
		<title>Methodology Survey Research Tool</title>
		<jsp:include page="<%=PageDirectory.ANALYTICS %>"></jsp:include>
	</head>

	<body>
		<section class="survey-person">
			<fieldset class="general">
				<legend><label>Please enter your personal information&nbsp;&nbsp;</label></legend>
				<div class="person-container">
					<form action="<%=ServiceLocator.ACTION_START_QUESTIONNAIRE %>" method="post">
						 <p><label class="input-label" >Name: 	<input name="name" required  placeholder="Full name" class="text-input" /></label></p>
						 <p><label class="input-label" >Age: 	<input name="age"  pattern="[0-9]+" required  placeholder="25" class="text-input"/></label></p>
						 <p><label class="input-label" >Email: 	<input name="email" type="email"text" required placeholder="anything@example.com" class="text-input"/></label></p>
						 <p><label class="input-label" >Position:<input name="position" class="text-input" required /></label></p>
						 <p><label class="input-label" >Company: <input name="company" class="text-input" required /></label></p>
						 <a href="#" class="button person-container-button" onClick="javascript:document.forms[0].submit()">Start</a>
					</form>
				</div>
				<div class="error-container">
					<jsp:include page="<%=PageDirectory.ERROR %>"></jsp:include>
				</div>
			</fieldset>
		</section>		
		<footer>
			<jsp:include page="<%=PageDirectory.FOOTER %>"></jsp:include>
		</footer>
	</body>
</html>